<section class="scrollable padder-md" data-ng-controller="TripActivityCommonController">
    <section data-ng-controller="TripActivityListController">
        <div class="m-b-md">
            <h3 class="m-b-none text-black">
                <i class="fa fa-list m-r-sm"></i>司机行程
            </h3>
        </div>
        <!-- Toolbar 按钮栏 -->
        <section class="panel panel-default scrollable">
            <header class="panel-heading">
                <div class="row">
                    <div class="col-sm-5">
                        <div class="od-head-title">司机行程列表</div>
                    </div>
                </div>
            </header>
            <form class="form-inline" data-ng-submit="getObjList()">
                <div class="wrapper row">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <input type="text"
                                   class="input-sm form-control"
                                   data-ng-model="queryObj.driverTel" placeholder="司机电话（账号）">
                        </div>
                        <div class="form-group">
                            <input type="text"
                                   class="input-sm form-control"
                                   data-ng-model="queryObj.driverName" placeholder="司机名">
                        </div>
                        <div class="form-group">
                            <input type="text"
                                   class="input-sm form-control"
                                   data-ng-model="queryObj.routeName" placeholder="路线名">
                        </div>
                        <div class="form-group">
                            <input type="text"
                                   class="input-sm form-control"
                                   data-ng-model="queryObj.carNo" placeholder="车牌号">
                        </div>
                        <div class="form-group">
                            <input data-ng-model="queryObj.createTimeStart" class="input-sm form-control" type="text"
                                   data-jss-datetimepicker="yyyy-mm-dd hh:ii" placeholder="开始时间"/>
                        </div>
                        <div class="form-group">
                            <input data-ng-model="queryObj.createTimeEnd" class="input-sm form-control" type="text"
                                   data-jss-datetimepicker="yyyy-mm-dd hh:ii" placeholder="结束时间"/>
                        </div>
                        <div class="form-group">
                            <select data-required="true"
                                    class="input-sm form-control"
                                    data-ng-model="queryObj.state"
                                    data-ng-options="state.value as state.name for state in tripActivityStates">
                                <option value="">全部</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <button class="form-control btn btn-sm btn-warning " type="submit">查询</button>
                        </div>
                    </div>
                    <!--<div class="col-sm-2 text-right">-->
                        <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
                        <!--&lt;!&ndash;<button class="form-control btn btn-sm btn-primary " type="button" data-ng-click="resetParam()">重置</button>&ndash;&gt;-->
                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                        <!--<div class="form-group">-->
                            <!--<button class="form-control btn btn-sm btn-success " type="button"-->
                                    <!--data-ng-click="add()">新增-->
                            <!--</button>-->
                        <!--</div>-->
                    <!--</div>-->
                </div>
            </form>
            <!-- 表格部分 -->
            <div class="table-responsive">
                <table class="table table-striped b-t b-light">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>司机行程</th>
                        <th>司机电话（账号）</th>
                        <th>车牌</th>
                        <th>司机名</th>
                        <th>出发地点</th>
                        <th>状态</th>
                        <th class="col-md-3">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr data-ng-repeat="tripActivity in tripActivityList">
                        <td>{{(pagerObj.currentPage-1)*pagerObj.pageSize+$index+1}}</td>
                        <td>{{tripActivity.name}}</td>
                        <td>{{tripActivity.driver.username}}</td>
                        <td>{{tripActivity.carNo}}</td>
                        <td>{{tripActivity.driver.nickname}}</td>
                        <td>{{tripActivity.startSite}}</td>
                        <td><span data-ng-class="getStateClass(tripActivity)">{{getStateName(tripActivity)}}</span></td>
                        <td>
                            <a href="javascript:void(0);" class="text-primary m-r-xs"
                               data-ng-click="edit(tripActivity.id)"><i
                                    class=""></i>查看详情</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <!-- 分页控件 -->
            <footer class="panel-footer">
                <div data-ng-include="'comm/pager/pager.html'"></div>
            </footer>
        </section>
    </section>
</section>